<extend name="_Layout/main"/>

<block name="style"></block>

<block name="main">
        <div class="row">
<style type="text/css">
.hentry {
  margin-bottom: 20px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 2px 3px rgba(0,0,0,.1);
  clear: both;
  padding-bottom: 5px;
}
@media only screen and (max-width: 540px) {
  .hentry {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  float: none;
	  height: auto;
	}
} 
.list-page-header{
  text-align: right;
  padding-top: 5px;
  padding-right: 10px;
}
.list-page-title{
  margin: 0 0 20px;
  padding: .3em .5em;
  border-radius: 3px;
  background: #2C3942;
  color: #fff;
  font-weight: 400;
  font-size: 24px;
  display: inline-block;
}
.list-page-title:hover{
  background: #767676;
}
</style>
                <!-- 文档列表页面顶部钩子 -->
                <div class="clearfix hook hook-document-list-before">
                    {:hook('DocumentListBefore')}
                </div>
                <!-- 文档列表 -->
                <div class="widget widget_music_post_widget">
                    <header class="list-page-header">
                        <a href="{:U('Document/add', array('cid' => $__CURRENT_CATEGORY__))}">
                            <h2 class="font-thin m-b m-t-none" style="float:left;">What’s Article</h2>
                            <h1 class="list-page-title">发布文章</h1>
                        </a>
                    </header>
                    <div class="row row-sm list-indexs">
                        <volist name="volist" id="vo">
                            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
                                <article class="item type-download status-publish has-post-thumbnail hentry download_category-emotion download_artist-111 odd edd-download edd-download-cat-emotion">
										
                                    <div class="pos-rlt">
										<a href="javascript:;" data-id="{$vo.id}" class="play-me">
                                        <div class="item-overlay opacity r bg-black">
                                            <div class="center text-center m-t-n">
												<i class="icon-control-play i-2x text"></i>
												<i class="icon-control-pause i-2x text-active"></i>
                                            </div>
                                        </div>
										</a>
                                        <a href="{:U('Document/detail/id/'.$vo['id'])}" title="{$vo.main_field}">
                                            <img width="700" height="350" src="{$vo.cover|get_cover='Music'}" class="r img-full wp-post-image">
                                        </a>
                                    </div>
								
                                    <div class="entry-header">
                                        <h2 class="entry-title" itemprop="name headline">
                                            <a href="{:U('Document/detail/id/'.$vo['id'])}" class="text-ellipsis" title="{$vo.main_field}" rel="bookmark" >{$vo.main_field}</a>
                                        </h2>

                                        <div class="entry-meta">
                                            <time class="entry-date" datetime="{$vo.ctime|time_format='Y-m-d'}" pubdate="" itemprop="datePublished">{$vo.ctime|time_format='Y-m-d'}</time> <span class="dot">•</span> {$vo.comment} 条评论 <span class="dot">•</span>{$vo.view} views
                                        </div>
                                    </div>
                                    <div class="entry-summary" itemprop="articleBody">
                                    </div>
                                    <div class="entry-footer">
                                       <a href="{:U('Document/detail/id/'.$vo['id'])}" rel="nofollow" class="more-link">继续阅读 »</a>
                                        <php>$tags_list=explode(",",$vo['tags']);</php>
                                        <span class="tags-links" itemprop="keywords">
                                            <volist name="tags_list" id="tagsid">
                                                <i href="#" rel="tag">{$tagsid}</i>
                                            </volist>
                                        </span>
                                    </div>
                                </article>
                            </div>
                        </volist>
                    </div>
                </div>
                <ul class="pagination">{$page}</ul>

                <!-- 文档列表页面底部钩子 -->
                <div class="clearfix hook hook-document-list-after">
                    {:hook('DocumentListAfter')}
                </div>
           
            
        </div>
</block>
